<template>
  <div v-if="props.activeKey === '0'" class="article0">
    <h1 class="title">可疑网站举报平台有哪些</h1>
    <div>
      <h2 class="title">一、检查链接代举报平台</h2>
      <p class="typeface">平台网址： <a href="https://fqlq4dbcak.feishu.cn/share/base/shrcnut03QZKmankyMMI4VbZWEc" class="line-feed" target ="_blank">https://fqlq4dbcak.feishu.cn/share/base/shrcnut03QZKmankyMMI4VbZWEc</a></p>
      <img class="img" src="../../../assets/img/artivles/djb.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、其他举报平台</h2>
      <h3 class="title">1. 中央网信办违法和不良信息举报中心</h3>
      <p class="typeface">平台网址： <a href="https://www.12377.cn/" target ="_blank">https://www.12377.cn/</a></p>
      <img class="img" src="../../../assets/img/artivles/zyjb.png" alt="all">
      <h3 class="title">2. 谷歌举报平台</h3>
      <p class="typeface">平台网址： <a href="http://www.google.cn/contact/spamreport.html" target ="_blank">http://www.google.cn/contact/spamreport.html</a></p>
      <img class="img" src="../../../assets/img/artivles/gjjb.png" alt="all">
      <h3 class="title">3. 百度举报平台</h3>
      <p class="typeface">平台网址： <a href="https://bsb.baidu.com/report" target ="_blank">https://bsb.baidu.com/report</a></p>
      <img class="img" src="../../../assets/img/artivles/bdjb.png" alt="all">
      <h3 class="title">4. 360举报平台</h3>
      <p class="typeface">平台网址： <a href="https://fuwu.360.cn/jubao/wangzhi" target ="_blank">https://fuwu.360.cn/jubao/wangzhi</a></p>
      <img class="img" src="../../../assets/img/artivles/360jb.png" alt="all">
      <h3 class="title">5. 搜狗举报平台</h3>
      <p class="typeface">平台网址： <a href="http://fuwu.sogou.com/feedback/fankui.html" target ="_blank">http://fuwu.sogou.com/feedback/fankui.html</a></p>
      <img class="img" src="../../../assets/img/artivles/shjb.png" alt="all">
      <h3 class="title">6. 腾讯举报平台</h3>
      <h3 class="title"> 电脑管家举报平台</h3>
      <p class="typeface">平台网址： <a href="https://urlsec.qq.com/report.html" target ="_blank">https://urlsec.qq.com/report.html</a></p>
      <img class="img" src="../../../assets/img/artivles/txjb.png" alt="all">
      <h3 class="title">腾讯云举报平台</h3>
      <p class="typeface">平台网址： <a href="https://cloud.tencent.com/act/event/report-platform" target ="_blank">https://cloud.tencent.com/act/event/report-platform</a></p>
      <img class="img" src="../../../assets/img/artivles/txyjb.png" alt="all">
      <h3 class="title">微信举报平台</h3>
      <p class="typeface">第一种：直接在微信App里面举报</p>
      <p class="typeface">例如：举报qq.com</p>
      <p class="typeface">只是例举，不代表qq.com含有图中举报的原因</p>
      <img class="img" src="../../../assets/img/artivles/wxjb.png" alt="all">
      <p class="typeface" style="margin-top: 20px">第二种：微信社区举报平台</p>
      <p class="typeface">平台网址： <a href="https://developers.weixin.qq.com/community/develop/mixflow" class="line-feed" target ="_blank">https://developers.weixin.qq.com/community/develop/mixflow</a></p>
      <p class="typeface">以发帖的形式，会有微信社区管理员回复您</p>
      <img class="img" src="../../../assets/img/artivles/wxsqjb.png" alt="all">

    </div>
  </div>
  <div v-if="props.activeKey === '1'" class="article1">
    <h1 class="title">如何导出检查链接图片和pdf</h1>
    <p class="typeface">如果你想分享自己检查的链接结果，导出为常用办公文件格式也是一个不错的方法。检查灰色链接平台目前仅支持将思维导图导出为PNG和PDF格式。</p>
    <div>
      <h2 class="title">一、导出思维导图</h2>
      <p class="typeface">点击工具栏的「导出」->选择格式->点击「导出」，即可完成</p>
      <img class="img" src="../../../assets/img/artivles/dc.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、分享思维导图</h2>
      <p class="typeface">之前已经写过，就不再累赘，点击查看</p>
      <a href="https://www.yuque.com/pcs176/ngd5zk/kgzgxg" target ="_blank">https://www.yuque.com/pcs176/ngd5zk/kgzgxg</a>
    </div>
  </div>

  <div v-if="props.activeKey === '2'" class="article2">
    <h1 class="title">检查链接工具栏使用指南</h1>
    <div>
      <h2 class="title">一、鼠标左右键切换</h2>
      <p class="typeface">默认左键拖动思维导图，右键点击出现菜单；若切换右键拖动思维导图，任右键点击出现菜单。</p>
      <img class="img" src="../../../assets/img/artivles/sb.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、全屏模式</h2>
      <p class="typeface">点击「全屏」图标，即可进入全屏模式。</p>
      <img class="img" src="../../../assets/img/artivles/qp.png" alt="all">
    </div>
    <div>
      <h2 class="title">三、定位地图</h2>
      <p class="typeface">在思维导图右下角小地图，可直接拖动小地图，快速查找定位到节点。</p>
      <img class="img" src="../../../assets/img/artivles/dw.png" alt="all">
    </div>
  </div>

  <div v-if="props.activeKey === '3'" class="article3">
    <h1 class="title">如何分享检测链接思维导图</h1>
    <div>
      <h2 class="title">一、分享方</h2>
      <p class="typeface">检查链接检测结果是以思维导图展现信息逻辑层级，思维导图支持以链接、图片和pdf文件分享给其他人，并且分享后的链接支持实时更新。</p>
      <p class="typeface">检查链接思维导图分享步骤如下：</p>
      <p class="typeface">1.输入链接检测后，点击工具栏右侧「分享」按钮</p>
      <p class="typeface">2.在弹窗中可以查看链接</p>
      <p class="typeface">3.点击「复制链接」按钮即可去粘贴分享</p>
      <img class="img" src="../../../assets/img/artivles/f.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、接收方</h2>
      <p class="typeface">分享后，接受方进行注册登录就可以查看到思维导图和网页预览内容。</p>
      <img class="img" src="../../../assets/img/artivles/x.png" alt="all">
    </div>
  </div>

  <div v-if="props.activeKey === '4'" class="article4">
    <h1 class="title">如何使用检测链接网页预览</h1>
    <p class="typeface">在检查链接中使用网页预览一下方法：</p>
    <div>
      <h2 class="title">一、输入链接</h2>
      <p class="typeface">输入需要查询的链接，可选地域，点击查询。不同城市，UA也不同，查询结果也会有所差异。</p>
      <p class="typeface">对于有些链接来说，不同地域呈现不同效果，如灰色链接，选择上海，呈现百度网页，选择北京，呈现的是另一个网页。</p>
      <p class="typeface">检查链接只支持https和http协议</p>
      <img class="img" src="../../../assets/img/artivles/sr.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、多端可视化网页预览</h2>
      <p class="typeface">选择「网页预览」，支持同时查看pc端、平板和移动端下网页预览，。电脑默认UA是windows/谷歌浏览器，pad默认UA是安卓-华为MatePadPro-华为浏览器，移动端默认UA是安卓/QQ浏览器。可选择UA，进行设备企鹅黄。</p>
      <div>
        <img class="img" src="../../../assets/img/artivles/dd.png" alt="all">
      </div>
      <div>
        <img class="img" src="../../../assets/img/artivles/xz.png" alt="all">
      </div>
    </div>
    <div>
      <h2 class="title">三、让灰色链接无可遁形</h2>
      <p class="typeface">点击「添加」，就可添加pc端、平板和移动端设备。不限制添加设备数量。至于为什么会不限制添加设备，就是对于有些链接来说，不同设备下不同浏览器呈现的网页会不同，更是为了让一些不法链接（灰色链接）无可遁形！</p>

      <img class="img" src="../../../assets/img/artivles/hs.png" alt="all">

    </div>
  </div>

  <div v-if="props.activeKey === '5'" class="article5">
    <h1 class="title">如何使用检查链接追踪还原</h1>
    <p class="typeface">在检查链接中使用追踪还原以下方法;</p>
    <div>
      <h2 class="title">一、输入链接</h2>
      <p class="typeface">输入需要检查的链接，可选地域，点击检查即可。有的链接（如灰色链接）会通过地域UA值不同，导致检测结果也会不同。</p>

      <img class="img" src="../../../assets/img/artivles/jc.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、层级分析</h2>
      <h3  class="title">1. 层级类别</h3>
      <p class="typeface">层级会分为以下层：入口层、中间层、终极源。</p>
      <p class="typeface">入口层：也就是第一层链接，该层是进入网页的入口，通过跳转的方式进入第二层/终极源。</p>
      <p class="typeface">中间层：进入改层，还并不是最终网页的链接，还会跳过多次链接抵达终极源，也并不是每个连接诶都有中间层</p>
      <p class="typeface">终极层：本层才是最终要访问的网页链接。</p>
      <img class="img" src="../../../assets/img/artivles/lb.png" alt="all">
    </div>
    <div>
      <h3 class="title">2. 层级框架</h3>
      <p class="typeface">每层框架类别都是相同的：域名注册、icp备案信息、cdn信息、安全检查和举报途径。</p>

      <img class="img" src="../../../assets/img/artivles/kj.png" alt="all">

    </div>
    <div>
      <h3 class="title">3. 下级分类</h3>
      <p class="typeface">每个类别分别有多个不同的下级分类。</p>
      <p class="typeface">例如：展开「icp备案信息」---「基本信息」，可以查看到该链接提供者的主办单位名称、主办单位性质、网站备案号等一系列信息。。</p>

      <img class="img" src="../../../assets/img/artivles/fl.png" alt="all">

    </div>
    <div>
      <h3 class="title">4. 检查链接比你更了解你的链接</h3>
      <p class="typeface">通过使用检查链接，可以查看你的链接所有信息，检查链接比你更了解你的链接，链接信息多、全、准，你也无需总切换平台查询短链信息，检查链接一体化服务，灰色链接也无可遁形！。</p>
    </div>
  </div>

  <div v-if="props.activeKey === '6'" class="article6">
    <h1 class="title">如何实现注册/登录？</h1>
    <div>
      <h2 class="title">一、注册/登录</h2>
      <p class="typeface">在使用检查链接前，建议您注册并登录检查链接账号，这样可以更好的为您提供检查链接所有服务。您可以通过微信扫码快速登录。</p>
      <h3>检查链接的注册和登录方法如下：</h3>
      <p class="typeface">进入检查链接官网：zhuli.xqcxqc.cn，点击右上角的「登录/注册」按钮。</p>
      <img class="img" src="../../../assets/img/artivles/sy.png" alt="all">
      <p class="typeface">1.微信快速登录</p>
      <p class="typeface">2.手机账号注册登录</p>
      <p class="typeface">通过绑定用户的手机号的方式，有效保障您的账号和数据安全。</p>
      <img class="img" src="../../../assets/img/artivles/dl.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、微信快速登录</h2>
      <p class="typeface">为了提供更好的用户体验，检查链接无需「关注」公众号，直接扫码，实现真正意义上的快速登录。</p>
      <img class="img" src="../../../assets/img/artivles/wx.png" alt="all">
    </div>
    <div>
      <h2 class="title">三、手机注册登录</h2>
      <p class="typeface">新用户，首次可以选择获取「验证码」，输入「手机号」短信之后即可成功注册并自动登录。登录后可以在账户中心设置登录密码，或一直使用验证码登录的方式。</p>
      <img class="img" src="../../../assets/img/artivles/sj.png" alt="all">
    </div>
  </div>

  <div v-if="props.activeKey === '7'" class="article7">
    <h1 class="title">如何联系检查链接官方</h1>
    <p class="typeface">如果你在使用产品过程中遇到了疑问、有产品方面的建议或有商务合作的需求，您可以通过吐槽箱、微信、邮箱等方式联系到域名检测官方。</p>
    <div>
      <h2 class="title">一、吐槽箱</h2>
      <p class="typeface">本着一颗为用户带来更好用的检查灰色链接平台的心，我们会不断让要检查链接好用，甚至更好用。遇到不爽，欢迎大家反馈意见。</p>
      <p class="typeface"><a href="https://support.qq.com/products/376050/" target ="_blank">点击我</a>，即可开启吐槽</p>
      <img class="img" src="../../../assets/img/artivles/tc.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、微信</h2>
      <p class="typeface">检查链接在线客服：（如下图，微信扫一扫）</p>
    </div>
    <div>
      <h2 class="title">三、邮箱</h2>
      <p class="typeface">检查链接客服邮箱：lj@jqz.cn</p>
    </div>
  </div>

  <div v-if="props.activeKey === '8'" class="article8">
    <h1 class="title">检查链接如何修改昵称</h1>
    <p class="typeface">检查链接注册之后昵称是可以进行修改的，下面我们一起来看一下昵称修改的步骤。</p>
    <div>
      <h2 class="title">一、进入到我的后台界面，在右上角点击头像，选择「账户中心」</h2>
      <img class="img" src="../../../assets/img/artivles/zhzx.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、在「个人信息」界面，找到昵称一栏后，选择「修改」后输入新昵称，点击确定即可</h2>
      <img class="img" src="../../../assets/img/artivles/nc.png" alt="all">
      <img class="img" src="../../../assets/img/artivles/xgnc.png" alt="all">
    </div>

  </div>

  <div v-if="props.activeKey === '9'" class="article9">
    <h1 class="title">检查链接如何绑定微信/手机号</h1>
    <p class="typeface">检查链接支持微信、账号登录、快速登录方式，支持手机号和微信相互之间绑定，来保障我们的安全。</p>
    <div>
      <h2 class="title">一、进入我的后台界面，在右上角点击头像，选择「账户中心」</h2>
      <img class="img" src="../../../assets/img/artivles/zx.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、点击「个人信息」找到绑定手机或微信账号后，选择「绑定」</h2>
      <img class="img" src="../../../assets/img/artivles/bd.png" alt="all">
    </div>

  </div>

  <div v-if="props.activeKey === '10'" class="article10">
    <h1 class="title">短链接追踪还原机制原理</h1>
    <h2 class="title">前言</h2>
    <p class="typeface">短链接是将较长链接进行缩短，从而便于用户记忆、输入，在社交平台上便于传播，以及其生存的二维码不至于太密集，短链接又是如何追踪还原场链接的。全网对短链接追踪还原长链接的机制原理写的很少，我就来贡献下！</p>
    <div>
      <h2 class="title">一、短链接生成长链接</h2>
      <p class="typeface">在揭晓长链还追踪原之原理前，得先了解短链接是如何生成长链接，有了这个认知，还原原理才能够理解。</p>
      <p class="typeface wegin">如何把一个任意长度的字符串转化为一个叫较短的字符串？</p>
      <p class="typeface">如果你是有计算机基础的，你的第一反应是想到哈希算法，通过一定的方式将任意长的文本转化为一个固定长度的字符串，目标字符串的长度适当，因此不同的输入几乎对应的就是不同字符串，不得不说这种方法可行，但这种方法却无法还长场链接。</p>
      <p class="typeface">若创建用于保存长网址的数据表，表中含有两个字段：自增主键（用于保持id）和URL用（于存放原始的长链接），每个长网址都在这张表有一条记录。当长链接转化时，会检查数据表中是否存在其对应的短链接，如果存在，直接获取长链接的id，，否则就在数据表中创建，并返回新生成的id。</p>
      <p class="typeface">对于此id，转化为一个多进制表示的新值。</p>
      <p class="typeface">例如，6个字符表示的36进制</p>
      <p class="typeface">将这6个字符拼接在准备好的域名后，就可得到一个对应的短网址返回给用户。</p>
    </div>
    <div>
      <h2 class="title">二、短链接还原长链接</h2>
      <p class="typeface">用户点击短链接后，只需哟啊将短链接中代表多进制的这部分提取出来，这样就可还原十进制的数字作为id，再到数据表找到此id对应的URL，即可得到原始的长链接，而短链接采用301/302的方式实现重定向，跳转到长链接，实现用户访问最终目标网页的目的。</p>
    </div>
    <div>
      <h2 class="title">三、短链接追踪还原工具</h2>
      <p class="typeface">上面将的太技术化，可能有点抽象，那么我将借用工具为大家讲解下！</p>
      <p class="typeface">1.输入短链接https://sourl.cn/hYNShC</p>
      <img class="img" src="../../../assets/img/artivles/htlj.png" alt="all">
      <p class="typeface">2. 终极源就是短链接还原后的长链接，中间采用了301/302跳转了一次才到长链接（目标网页）</p>
      <img class="img" src="../../../assets/img/artivles/cxgj.png" alt="all">
    </div>

  </div>

  <div v-if="props.activeKey === '11'" class="article11">
    <h1 class="title">短链接：检查灰色链接平台</h1>
    <div>
      <h2 class="title">一、什么是检查灰色链接平台</h2>
      <p class="typeface">检查链接是一站式检查出灰色链接的全部信息，以思维导图形式追踪还原入口层、中间层、最终层的链接全部信息，通过不断创新，为基于链接的互联网持续助力，揭露灰色链接隐形的灰产现形，为社会提供更具价值的服务。</p>
      <img class="img" src="../../../assets/img/artivles/browse.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、什么是灰色链接</h2>
      <p class="typeface">上面说了检查灰色链接平台，那什么是灰色链接呢！怎么去定义链接/域名是否是属于灰色链接呢？灰色指某一些行业，比如棋牌、赌博、se情等类型网站，将网站生成短链接后，也就是灰色链接，拿到私域领域（微信/QQ）发送，诱导用户下载和使用。</p>
      <img class="img" src="../../../assets/img/artivles/pic_hd.jpg" alt="all">
    </div>
    <div>
      <h2 class="title">三、检测灰色链接平台如何使用</h2>
      <p class="typeface">在使用检测链接前，需注册登录检查链接账号，注册/登录解锁完整版的功能和服务。</p>
      <img class="img" src="../../../assets/img/artivles/wxdl.png" alt="all">
      <p class="typeface">在后台首页输入你需要检测的链接，选择地域，不同地域不同UA，部分链接的结果导向有所不同！</p>
      <img class="img" src="../../../assets/img/artivles/http.png" alt="all">
      <p class="typeface">通过思维导图展现链接信息，层级更具逻辑性。每个链接可查询到域名注册信息、icp备案信息、cdn信息、安全检查和举报途径，单个分支里含有多个下级分支</p>
      <img class="img" src="../../../assets/img/artivles/zzhy.png" alt="all">
      <p class="typeface">切换到网页预览，该链接在PC端、移动端和Pad端中展示的网页界面，选择不同浏览器UA，检测在不同UA中展现的网页界面，支持添加多设备，支持可视化响应式的网页预览！</p>
      <img class="img" src="../../../assets/img/artivles/wyyl.png" alt="all">
    </div>

  </div>

  <div v-if="props.activeKey === '12'" class="article12">
    <h1 class="title">短链接网页预览可视化测试工具</h1>
    <p class="typeface">短链接在不同终端不同浏览器中网页展现都会有所不同，推荐给大家一个好用的短链接网页预览可视化测试工具。</p>
    <div>
      <h2 class="title">一、输入框输入你想测试的链接/网址，点击「检查按钮」。</h2>
      <img class="img" src="../../../assets/img/artivles/cxan.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、检查链接上集合了PC端、移动端和Pad端，其中PC端包含Mac系统和Windows系统，移动端包含iPhone和安卓系统，Pad端包含苹果和安卓。</h2>
      <img class="img" src="../../../assets/img/artivles/yn.png" alt="all">
    </div>
    <div>
      <h2 class="title">三、添加设备</h2>
      <p class="typeface">在使用检测链接前，需注册登录检查链接账号，注册/登录解锁完整版的功能和服务。</p>
      <img class="img" src="../../../assets/img/artivles/yltj.png" alt="all">
      <img class="img" src="../../../assets/img/artivles/plsc.png" alt="all">
    </div>

  </div>

  <div v-if="props.activeKey === '13'" class="article13">
    <h1 class="title">域名备案查询工具推荐</h1>
    <p class="typeface">域名备案查询网站有很多，但准确性参差不齐，今天就为大家推荐几个好用的域名备案查询工具。</p>
    <div>
      <h2 class="title">一、站长工具</h2>
      <p class="typeface">站长工具官网链接：<a href="https://icp.chinaz.com/baidu.com" target ="_blank">点击访问</a></p>
      <p class="typeface">优点：站长工具已经是老平台，准确性还是可以的</p>
      <img class="img" src="../../../assets/img/artivles/zzgj.png" alt="all">
      <p class="typeface">缺点：若要看更多域名信息，则需要开通会员，也就是说能看的域名信息很少！</p>
      <img class="img" src="../../../assets/img/artivles/gjhy.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、聚查网</h2>
      <p class="typeface">聚查网官网链接：<a href="http://www.jucha.com/beian/" target ="_blank">点击访问</a></p>
      <p class="typeface">优点：聚名网旗下产品</p>
      <img class="img" src="../../../assets/img/artivles/jm.png" alt="all">
      <p class="typeface">缺点：域名信息少的可冷！</p>
      <img class="img" src="../../../assets/img/artivles/jmjg.png" alt="all">
    </div>
    <div>
      <h2 class="title">三、检查链接</h2>
      <p class="typeface">优点：一键查询到到域名所有信息，不止有域名icp备案信息，还有域名cdn信息、域名检测、内容检测、网页预览等，就不用单项目查询完切换；思维导图结果展现很符合阅读逻辑。</p>
      <img class="img" src="../../../assets/img/artivles/zx.png" alt="all">
      <p class="typeface">缺点：只限单个查询</p>
      <img class="img" src="../../../assets/img/artivles/x.png" alt="all">
    </div>
    <div>
      <h2 class="title">四、查ICP</h2>
      <p class="typeface">查ICP官网链接：<a href="http://www.chaicp.com/#first" target ="_blank">点击访问</a></p>
      <p class="typeface">优点：聚名网旗下产品；可查看备案情况</p>
      <p class="typeface">缺点：域名信息少的可冷！</p>
      <img class="img" src="../../../assets/img/artivles/baxx.png" alt="all">
    </div>
    <div>
      <h2 class="title">五、备案巴巴</h2>
      <p class="typeface">备案巴巴官网链接：<a href="https://www.beian88.com/d/ba2498a03bab3744df3b1cf55b3ceb93" target ="_blank">点击访问</a></p>
      <p class="typeface">优点：老平台</p>
      <p class="typeface">缺点：域名信息少</p>
      <img class="img" src="../../../assets/img/artivles/babb.png" alt="all">
    </div>

  </div>

  <div v-if="props.activeKey === '14'" class="article14">
    <h1 class="title">短链接防红防封策略有哪些</h1>
    <p class="typeface">在私域领域进行产品推广/裂变活动，短链接和二维码都要做一定程度上的防红防封技术，更何况微信和QQ屏蔽机制还不同，但大部分被封的短链接，无非是网页内容涉及了敏感词，被微信/QQ检测到。</p>
    <div>
      <h2 class="title">一、短链接被封的原因</h2>
      <p class="typeface">涉及敏感词被封的短链接，具体原因也有很多，除了含有灰色词，还不能含有暴力等词，这只是其中一个分类导致被封的原因。</p>
      <p class="typeface">下面就为大家将分类列出来：</p>
      <p class="typeface">1.网页内容：文字、图片、视频被检测到敏感词/违规内容</p>
      <p class="typeface">2.被同行举报：被同行恶意举报，甚至有同行做了举报软件，打击对手</p>
      <p class="typeface">这种情况很少， 不过谁会和利益过不去呢</p>
      <p class="typeface">3.被用户举报：域名/链接被用户举报过多，进入了腾讯的风险名单，有可能会有人工来检测</p>
      <p class="typeface">被用户举报和被同行举报还是有本质上区别的，为用户提供优质服务是非常有必要的</p>
      <p class="typeface">4.服务器IP：若将网站放入在了，已被腾讯判为违规的服务器中，也会导致被封</p>
      <p class="typeface">5.DNS劫持：若你留心观察就会发现，有时候用电信宽带点链接A，跳转的却是链接B，而用移动和联通打开是链接A。这种情况就属于DNS劫持，链接B带有敏感内容，微信/QQ检测到，就会判链接A（入口链接）违规，因此链接A被封了！</p>
      <p class="typeface">6.域名IP：若域名解析的IP被腾讯纳入过黑名单，一旦有被发现很有可能直接被封</p>
      <img class="img" src="../../../assets/img/artivles/suo.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、分享思维导图</h2>
      <p class="typeface">短链接防红防封常规策略包含以下几种，都有利有弊。</p>
      <h3 class="title">隐藏举报按钮</h3>
      <p class="typeface">通过技术实现假加载完，隐藏举报按钮</p>
      <p class="typeface">原理：短链接-目标页-其实已经加载完，但页面显示一直加载中</p>
      <p class="typeface">此方式，会给用户未加载的错觉，但只要切换其他APP再回到微信，就显示加载完成，不过不是很稳定，还是被封。</p>
      <h3 class="title">中间页引导浏览器打开</h3>
      <p class="typeface">原理：短链接-引导页：跳转到浏览器打开-目标页</p>
      <p class="typeface">此方式技术很容易实现，只能降低被封风险，无法百分之百防封，现很多短链接工具都采用这种，但其本质不属于防封功能！</p>
      <h3 class="title">多域名中转跳转</h3>
      <p class="typeface">原理：短链接-链接A-链接B-链接C-链接D-目标页</p>
      <p class="typeface">此方式举报多次就会被封！</p>
      <p class="typeface">如下图，此链接🔗就没有采用多域名中转跳转策略，若链接含有违规内容就更容易被封！</p>
      <img class="img" src="../../../assets/img/artivles/jms.png" alt="all">
    </div>
    <div>
      <h2 class="title">三、通过此工具查看域名中转链接</h2>
      <img class="img" src="../../../assets/img/artivles/jmv.png" alt="all">
      <p class="typeface">通过思维导图方式展现，也更方便跟大家讲的「多域名中转」防红防封策略！</p>
      <img class="img" src="../../../assets/img/artivles/jmf.png" alt="all">
    </div>
  </div>

  <div v-if="props.activeKey === '15'" class="article15">
    <h1 class="title">短链接追踪还原原理解析</h1>
    <h1 class="title">前言</h1>
    <p class="typeface">短链接是有层级之分的，对于做灰色产品的用户，其生成的短链接层级就会很多。在解析短链接层级原理之前，得补充些知识，负责会没有概念，自然也就看不懂这篇文章到底在讲什么！</p>
    <div>
      <h2 class="title">一、什么是短链接</h2>
      <p class="typeface">首先你得知道什么是短链接，所谓短链接，就是将长链接缩短，通过缩网站URl链接字数，达到减少代码字符串。以前短链接只限于上传图片，而现在短链接玩法很多，即便玩法多，无非用短链接裂变营销。在私域流量下裂变，转化率直接飙升，因此越来越多的人开始在短链接上各种技术，就有了现在的短链接统计扫码人数、链接生成二维码、防红防封技术等。</p>
      <img class="img" src="../../../assets/img/artivles/jhk1.png" alt="all">
    </div>
    <div>
      <h2 class="title">二、什么是短链接追踪还原</h2>
      <p class="typeface">了解了什么是短链接后，就来谈谈什么是短链接追踪还原。私域领域无非指的微信和QQ，即便腾讯在工信部压迫下“开放”了外链，可仍然很严，直接是多层级防红防封技术。而追踪还原则将多层级短链接还原出来。</p>
      <h3 class="title">短链接层级分为：入口层、中间层、终极源</h3>
      <p class="typeface">如下图，入口层http://mrw.so/5Sx8aG，终极源:http://dwz.zlkj.fit/domain-no-tencent-limit.html?tinyUrl=aHR0cDovL21ydy5zby81U3g4YUc= </p>
      <img class="img" src="../../../assets/img/artivles/ljhy.png" alt="all">
    </div>
    <div>
      <h2 class="title">三、如何使用短链接追踪还原工具</h2>
      <img class="img" src="../../../assets/img/artivles/jmv.png" alt="all">
      <p class="typeface">1.输入链接/网址，选择区域（可选），点击「检测」按钮</p>
      <p class="typeface">区域不同UA就会不同，追踪还原结果导向会不同</p>
      <img class="img" src="../../../assets/img/artivles/yhgj.png" alt="all">
      <p class="typeface">2.不同链接测检测，层级也会不同，一般链接都只有两层（入口层和终极源），但有部分链接含有中间层，中间层链接含多条！</p>
      <img class="img" src="../../../assets/img/artivles/httcx.png" alt="all">
      <p class="typeface">3. 右键点击思维导图空白处，出现右键辅助菜单栏，方便快速全屏/定位/刷新。</p>
      <img class="img" src="../../../assets/img/artivles/qpzs.png" alt="all">
    </div>
  </div>
</template>

<script setup>

const props = defineProps({
  activeKey: {
    type: String,
    default: '1'
  }
})
</script>

<style lang="less" scoped>
.title{
  font-weight: bold;
}

.wegin{
  font-weight: bold;
}

.typeface{
  color: #404040;
  font-size: 15px;
  margin:0;
}

.img{
  width: 100%;
  margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
  .line-feed{
    word-wrap:break-word ;
  }


}
</style>
